<div th:fragment="pageFragement">
<ul class="pagination pagination-sm no-margin pull-right"  >
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">

function doSetPagination(pageObject){
	
	//1.始化数据
	$(".rowCount").html("总记录数("+pageObject.rowCount+")");
	$(".pageCount").html("总页数("+pageObject.pageCount+")");
	$(".pageCurrent").html("当前页("+pageObject.pageCurrent+")");
	//2.绑定数据(为后续对此数据的使用提供服务)  存储当前页码值和总页数
	//data函数为jQuery的数据绑定函数
	//data函数语法结构data(key[,value]);
	$("#pageId").data("pageCurrent",pageObject.pageCurrent);
	$("#pageId").data("pageCount",pageObject.pageCount);
}


$(function(){
	//事件注册
	//当点击pageId对象内部的子元素(.first,.pre,.next,.last)时执行do
	 $("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
})
 function doJumpToPage(){
	//debugger
	//
        //1.获取点击对象的class值
        //基于$(this)获取被点击的对象
        //prop(属性名[,属性值])为html元素赋值或者获取属性的值
        var cls=$(this).prop("class");//Property
        //2.基于点击的对象执行pageCurrent值的修改
        //2.1获取pageCurrent,pageCount的当前值
        var pageCurrent=$("#pageId").data("pageCurrent");
        var pageCount=$("#pageId").data("pageCount");
        //2.2修改pageCurrent的值
        if(cls=="first"){//首页
        	pageCurrent=1;

        }else if(cls=="pre" && pageCurrent>1){//上一页
        	pageCurrent--;
        	//debugger
        }else if(cls=="next" && pageCurrent<pageCount){//下一页
        	pageCurrent=pageCurrent+1;
            
        }else if(cls=="last"){//最后一页
        	pageCurrent=pageCount;
        }else{//5)已经时第一页还在点上一页或已经时最后一页还在点下一页
            return;
        }
        //3.对pageCurrent值进行重新绑定
          //3.1重新储存新的页码值
        $("#pageId").data("pageCurrent",pageCurrent);
        //4.基于新的pageCurrent的值进行当前页数据查询
        doGetObjects();
    }

</script>

</div>
